Tarih: 30 - Kasim - 2017
CSS Seçiciler - Genel kardeş Seçiciler
CSS2 sürümünde ortaya çıkarılan “bitiş kardeş seçiciler” özelliği ile yakın bir seçicidir. Genel kardeş seçicileri CSS3 ile gelen en kullanışlı özelliklerden birisidir. Mesela CSS ya da CSS2 dönemlerinde sitenin üst menülerini hizaya sokmak için ya da aralarına padding vermek için biraz zahmet çekerdik ki mobil uyumlu siteyi o şekilde yapmak tam bir çile haline geliyor.
Mesela menüyü sağa ...
Tarih: 16 - Kasim - 2017
CSS Seçiciler: Tekil (ID) Seçiciler
Tekil seçiciler de bir tür seçicidir ama class seçiciler gibi tüm elemanlara tanımlanmazlar. Adından da anlaşılacağı üzere ID yani tek bir elemana verilecek değere uygulanırlar. Tekil seçiciler diyez ( # ) işareti ile gösterilir.
<!DOCTYPE html>
<html lang="en">
<head>
<style>
#anasayfa{ background-color: blue;}
#hakkimizda{background-color: red;}
</...
Tarih: 13 - Kasim - 2017
CSS Seçiciler: Özellik Seçiciler
Özellik seçiciler genel seçicilerin tam tersidir. Bir html elemanının belli bir özelliğini hedef alarak işlem görür. Mesela üç adet input varsa bunlardan ikisinin değeri text diğerininki submit ise bir sadece submit olanı seçebiliriz.
Örnek vermek gerekirse:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
input[type="text"] {color:red;}
input[type="subm...
Tarih: 12 - Kasim - 2017
CSS Seçiciler : Class (sınıf) Seçiciler
Css seçiciler html elemanlarına css özelliği kazandırmaktır. Örneğin;
.kirmizi {
background-color: red;
}
Yukarıda class’ı kirmizi olan tüm html elemanlarının arka plan rengini kırmızı yaptık.
p.anasayfa {
background-color: blue;
}
Yukarıda da class’ı anasayfa olan tüm paragraf ( <p> … </p> ) etiketlerinin arka plan renklerini mavi yaptık
Evet biliyoum çok kısa ve anlamsız oldu ama açıklayınca daha iyi anlayac...